<template>
  <div class="menu-item">
    <svg-icon v-if="!icon == ''" :icon-class="icon" class-name="icon"></svg-icon>
    <span class="title">{{ title }}</span>
  </div>
</template>
<script>
export default {
  name: 'MenuItem',
  props: {
    icon: {
      type: String,
      default: '',
    },
    title: {
      type: String,
      default: '',
    },
  },
}
</script>

<style lang="scss" scoped>
.menu-item {
  .icon {
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
  }
  .title {
    font-size: 14px;
    margin-left: 5px;
  }
}
</style>
